<template>
  <div class="right-content">
    <div class="right-top-nav-bar">
      <nav-bar>
        审方结束
      </nav-bar>
    </div>
    <div class="right-center-content">
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>患者基本信息</span>
      </div>
      <div class="card">
        <div class="card-list">
          <div v-for="(item, index) in baseInfo" :key="index" class="list-item">
            <div class="item-label">{{ item.name }}</div>
            <div class="item-value">{{ item.value }}</div>
          </div>
        </div>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>处方信息</span>
      </div>
      <div class="card">
        <div class="card-list">
          <div v-for="(item, index) in prescriptionInfo" :key="index" class="list-item">
            <div class="item-label">{{ item.name }}</div>
            <div class="item-value">{{ item.value }}</div>
          </div>
        </div>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>审核详情</span>
      </div>
      <div class="card">
        <el-button type="primary">补充材料</el-button>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>医保审核规则</span>
      </div>
      <div class="card">
        <el-table border :data="checkedRules" empty-text="暂无数据">
          <el-table-column prop="name" label="药品名称"></el-table-column>
          <el-table-column prop="value" label="剂型"></el-table-column>
          <el-table-column prop="pay" label="限定支付范围"></el-table-column>
        </el-table>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>认定表审核详情</span>
      </div>
      <div class="card">
        <div class="card-list">
          <div v-for="(item, index) in checkedResult" :key="index" class="list-item">
            <div class="item-label">{{ item.name }}</div>
            <div class="item-value" :style="{ color: item.color }">{{ item.value }}</div>
          </div>
        </div>
        <el-table border class="card-table" :data="consistencyTable" empty-text="暂无数据">
          <el-table-column prop="name" label="项目"></el-table-column>
          <el-table-column prop="value" label="认定表信息"></el-table-column>
          <el-table-column prop="rule" label="规则库信息"></el-table-column>
        </el-table>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>处方与认定表一致性检查</span>
      </div>
      <div class="card">
        <div class="card-list">
          <div v-for="(item, index) in consistencyInfo" :key="index" class="list-item">
            <div class="item-label">{{ item.name }}</div>
            <div class="item-value" :style="{ color: item.color }">{{ item.value }}</div>
          </div>
        </div>
        <el-table border class="card-table" :data="consistencyTable" empty-text="暂无数据">
          <el-table-column prop="name" label="项目"></el-table-column>
          <el-table-column prop="value" label="认定表信息"></el-table-column>
          <el-table-column prop="pay" label="处方信息"></el-table-column>
        </el-table>
      </div>
      <div class="p-header"><el-icon>
          <Menu />
        </el-icon>
        <span>资料详情</span>
      </div>
      <div class="card">
        <el-table border class="card-table" :data="infomationData" empty-text="暂无数据">
          <el-table-column prop="num" label="编号"></el-table-column>
          <el-table-column prop="name" label="文件类型"></el-table-column>
          <el-table-column prop="value" label="是否已上传"></el-table-column>
          <el-table-column prop="desc" label="说明"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>

</template>
<script setup>
const baseInfo = ref([
  { name: '姓名：', value: '张三' },
  { name: '年龄：', value: 34 },
  { name: '性别：', value: '女' },
  { name: '身份证号：', value: '610328198909877654' }
])
const prescriptionInfo = ref([
  { name: '就诊医院：', value: '四川省人民医院' },
  { name: '处方医生：', value: "刘某" },
  { name: '处方日期：', value: "2024-11-04" },
  { name: '药品名称：', value: "艾曲泊帕乙醇胺片" },
])
const checkedResult = ref([
  { name: '合格项', value: '5项', color: 'green' },
  { name: '不合格项：', value: "0项", color: 'red' },
  { name: '审核时间：', value: "2024-11-04" },
])
const checkedRules = ref([
  {
    name: '艾曲泊帕乙醇胺片', value: '2ml', pay: '1. 既往对糖皮质激素、免疫球蛋白等治疗反应不佳的成人和 6 岁及以上儿童慢性免疫性 (特发性) 血小板减少症 (ITP) 患者；2. 既往对免疫抑制治疗缓解不充分的重型再生障碍性贫血(SAA) 患者'
  }

])
const consistencyInfo = ref([
  { name: '审核时间：', value: "2024-11-04" },
  { name: '', value: '处方药品调整需重新认定，剂量调整需医生开具相关说明', color: 'red' }
])
const consistencyTable = ref([
  { name: '药品名称', value: '艾曲泊帕乙醇胺片', rule: '2ml' },
  { name: '适应症', value: '原发免疫性血小板减少症（ITP）', rule: '原发免疫性血小板减少症（ITP）' },
  {
    name: '认定标准', value: '1.临床表现、血常规和(或)骨髓检查符合慢性免疫性(特发性)血小板减少症(ITP)诊断标准；2.经糖皮质激素、免疫球蛋白治疗反应不佳', rule: '2ml'
  },
  {
    name: '认定证明材料', value: '1.病情诊断证明书；2.血常规和(或)骨髓检查；3.经糖皮质激素或免疫球蛋白治疗反应不佳的病史资料', rule: '2ml'
  },
  { name: '性别', value: '男', rule: '-' },
  { name: '年龄', value: '23', rule: '>10' }
])
const infomationData = ref([
  {
    num: '1',
    name: '病种认定表',
    value: '首次使用患者需上传；二次使用患者自动获取历史资料'
  }, {
    num: '2',
    name: '处方',
    value: '每次均需要上传'
  }, {
    num: '3',
    name: '检查报告',
    value: ''
  }, {
    num: '4',
    name: '病情证明',
    value: ''
  }, {
    num: '5',
    name: '补充报告',
    value: ''
  }
])
</script>
<style scoped lang="scss"></style>